<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>权限列表</title>
	
    <link href="css/examples-offline.css" rel="stylesheet">
    <link href="css/kendo UI/kendo.common.min.css" rel="stylesheet">
    <link href="css/kendo UI/kendo.default.min.css" rel="stylesheet">

    <script src="js/kendo UI/jquery.min.js"></script>
    <script src="js/kendo UI/kendo.web.min.js"></script>
    <script src="js/console.js"></script>
    
    <style>
		.k-in SPAN {
		    DISPLAY: block;
		    LEFT: -9000px;
		    TOP: -9000px;
		    COLOR: #000000;
		    POSITION: absolute;
		    background-color:#FFFFFF;
		    border:#000000 solid 1px;
			font-Size:100%;
		}
		.k-in:hover SPAN {
		    LEFT: 200px;
		    TOP: 10px
		}
    </style>
</head>
<body>
	<div id="example" class="k-content">
		{foreach from=$permission_tree item=child}
	        <div class="demo-section k-widget k-treeview mytreeview">
	        	<ul class="k-group k-treeview-lines">
					{include file="permission/_permission_item.htm"}
	        	</ul>
	        </div>
		{/foreach}
        <script>
        	$(".mytreeview").kendoTreeView({});
        	/*$(".k-in").click(function() {
        			$(this).children().each(function(){
        					alert($(this).html());
        				}
        		    );
        		}
        	);*/
        </script>
    </div>
</body>
</html>